<meta charset="utf-8" name="viewport" content="width=device-width" />
<style>
*{
  padding:0px;
  margin:0px;
}

div{
  width:1000px;
  margin:100px auto;
}

li{
  display:inline-block;
  padding:10px;
  margin-right:5px;
}

li:hover{
  border-radius:8px;
  box-shadow:0px 5px 5px rgba(0, 0, 0, 0.1),0px 0px 10px 0px rgba(0,0,0,0.2);
  transition:all 0.5s;
}

li h3:first-of-type{
  font-size:18px;
  line-height:40px;
  color:#4D4D4D;
}

li img{
  border-radius:8px;
}

li p:first-of-type{
  font-size:14px;
  color:#640000;
}

li p:nth-of-type(2){
  font-size:12px;
  color:blue;
}
</style>

<head>
  <title>爱奇艺视频播放列表</title>
</head>
<body>
<div>
<h2>热播</h2>

<ul>
  <li>
  <img src="img1.png" />
  <h3>神武赵子龙</h3>
  <p>怒，林更新不抱网红抱女神</p>
  <p>点击次数：242445次</p>
  </li>

  <li>
  <img src="img2.png" />
  <h3>旋风十一人</h3>
  <p>胡歌变教练在撩前女友</p>
  <p>点击次数：242445次</p>
  </li>

  <li>
  <img src="img3.png" />
  <h3>太阳的后裔</h3>
  <p>宋慧乔吃嫩草</p>
  <p>点击次数：242445次</p>
  </li>

  <li>
  <img src="img4.png" />
  <h3>山海经之赤影传说</h3>
  <p>娜扎张翰再度联手</p>
  <p>点击次数：242445次</p>
  </li>
</ul>
</div>
</body>